<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>艾家艾产品线上销售平台</title>
    <link rel="shortcut icon" href="../img/favicon.ico">
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/product-list.css"/>
    <script src="../them/jquery/jquery-1.7.2.js"></script>
    <script src="../them/jquery/jquery.cookie.js"></script>
</head>
<body>
<!--头部-->
<div class="site-topbar">
    <div class="container">
        <div class="topbar-nav">
            <a href="javascript:;">在线客服</a>
            <a href="javascript:;">艾百科</a>
            <a href="javascript:;">养生百科</a>
            <a href="javascript:;">艾家商城移动版</a>
        </div>
        <div class="topbar-cart">
            <a href="javascript:;" class="cart-mini">
                <span class="cart"></span>
                <span>购物车</span>
                <span class="gwc_number"></span>
            </a>
        </div>
        <div class="topbar-info">
            <div class="login" style="display: inline-block">
                <a href="login.html">登录</a>
                <a href="register.html">注册</a>
            </div>
            <a href="javascript:;">消息通知</a>

        </div>
    </div>
</div>
<!--导航-->
<div class="site-header">
    <div class="container">
        <div class="header-logo">
            <a href="index.html">
                <span class="logo"></span>
            </a>
        </div>
        <div class="header-nav">
            <ul class="nav-list">
                <li class="nav-item">
                    <a href="javacsript:;" class="link">
                        <span>艾灸</span>
                    </a>
                    <div class="header-nav-menu">
                        <div class="container">
                            <ul class="children-list clearfix">
                                <li style="border-left: 0">
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/z1.jpg" >
                                            <p class="tittle">景德镇艾灸礼包</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/z2.jpg" >
                                            <p class="tittle">独家艾灸</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/z3.jpg" >
                                            <p class="tittle">顶级艾灸</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/z4.jpg" >
                                            <p class="tittle">多功能艾灸床</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="javacsript:;" class="link">
                        <span>设备</span>
                    </a>
                    <div class="header-nav-menu">
                        <div class="container">
                            <ul class="children-list clearfix">
                                <li style="border-left: 0">
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/zb1.jpg" >
                                            <p class="tittle">推拿仪</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/aj1.jpg" >
                                            <p class="tittle">艾香</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/cx1.jpg" >
                                            <p class="tittle">艾灸盒</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="javacsript:;" class="link">
                        <span>艾柱</span>
                    </a>
                    <div class="header-nav-menu">
                        <div class="container">
                            <ul class="children-list clearfix">
                                <li style="border-left: 0">
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/LH2.jpg" >
                                            <p class="tittle">艾柱贴</p>
                                            <p class="price">899元</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="javacsript:;" class="link">
                        <span>文化</span>
                    </a>
                    <div class="header-nav-menu">
                        <div class="container">
                            <ul class="children-list clearfix">
                                <li style="border-left: 0">
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/LH3.jpg" >
                                            <p class="tittle">传艾图</p>
                                            <p class="price">1999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/sj1.jpg" >
                                            <p class="tittle">艾草书</p>
                                            <p class="price">99元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/sj4.jpg" >
                                            <p class="tittle">艾灸百科</p>
                                            <p class="price">99元</p>
                                        </a>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="header-search">
            <div class="search-form clearfix">
                <input class="search-text" type="text">
                <input type="submit" class="search-btn" value=" ">

                <div class="search-hot-words">
                    <a href="javasctipy:;">艾灸</a>
                    <a href="javascript:;">艾棒</a>
                </div>
                <div class="keyword-list hide">
                    <ul class="result-list"></ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--中间-->
<div class="breadcrumbs">
    <div class="container">
        <a href="index.html">首页</a>
        <span class="sep">&gt;</span><span>所有商品</span>
    </div>
</div>
<!--<div class="container">-->
    <!--<div class="filter-box">-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>分类：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>机型：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>品牌：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
    <!--</div>-->
<!--</div><div class="container">-->
    <!--<div class="filter-box">-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>分类：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>机型：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>品牌：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
    <!--</div>-->
<!--</div><div class="container">-->
    <!--<div class="filter-box">-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>分类：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>机型：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>品牌：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
    <!--</div>-->
<!--</div><div class="container">-->
    <!--<div class="filter-box">-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>分类：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>机型：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>品牌：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
    <!--</div>-->
<!--</div><div class="container">-->
    <!--<div class="filter-box">-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>分类：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>机型：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
        <!--<div class="filter-list-wrap">-->
            <!--<dl class="filter-list clearfix filter-list-row-4">-->
                <!--<dt>品牌：</dt>-->
                <!--<dd class="active">全部：</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
                <!--<dd>路由器</dd>-->
            <!--</dl>-->
            <!--<a href="javascript:;" class="more">更多</a>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<div class="content">
    <div class="container">
        <div class="order-list-box clearfix">
            <ul class="order-list">
                <li class="active first"><a href="javascriot:;">推荐</a></li>
                <li><a href="javascriot:;" rel="nofollow" >新品</a></li>
                <li class="up"><a href="javascriot:;">价格↑↓</a></li>
                <li><a href="javascriot:;">评论最多</a></li>
            </ul>
            <ul class="type-list">
                <li><a href="javascriot:;"><span class="checkbox"></span>查看评价</a></li>
                <li><a href="javascriot:;"><span class="checkbox"></span>仅显示特惠商品</a></li>
                <li><a href="javascriot:;"><span class="checkbox"></span>仅显示有货商品</a></li>
            </ul>
        </div>
        <div class="goods-list-box">
            <div class="goods-list clearfix">
                <!--<div class="goods-item">-->
                    <!--<div class="figure figure-img">-->
                        <!--<a href="javascript:;">-->
                            <!--<img src="http://i1.mifile.cn/a1/pms_1477962926.56487493!200x200.jpg">-->
                        <!--</a>-->
                    <!--</div>-->
                    <!--<p class="title">小米IXM</p>-->
                    <!--<p class="price">3499元 起</p>-->
                    <!--<div class="thumbs">-->
                        <!--<ul class="thumb-list clearfix">-->
                            <!--<li>-->
                                <!--<img src="http://i1.mifile.cn/a1/pms_1477962926.56487493!200x200.jpg">-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<img src="http://i1.mifile.cn/a1/pms_1477962926.56487493!200x200.jpg">-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</div>-->
                    <!--<div class="actions clearfix">-->
                            <!--<a href="javascript:;" class="btn-like">-->
                                <!--<i class="like"></i>-->
                                <!--<span>喜欢</span>-->
                            <!--</a>-->
                            <!--<a href="javascript:;" class="btn-buy">-->
                                <!--<span>加入购物车</span>-->
                                <!--<i class="buy"></i>-->
                            <!--</a>-->
                    <!--</div>-->
                    <!--<div class="flags">-->
                        <!--<div class="flag flag-saleoff">9.6折促销</div>-->
                    <!--</div>-->
                    <!--<div class="notice">成功加入购物车</div>-->
                <!--</div>-->
            </div>
            <div class="xm-pagenavi">
                <span class=" num_l" style="font-weight: 900"><</span>

                <span class=" num_r" style="font-weight: 900">></span>
            </div>
        </div>
    </div>
</div>
<div class="page-main">
    <div class="container">
        <div class="container-box" id="recommend">
            <!--导航列表-->
            <div class="box-hd">
                <h2 class="tittle">为你推荐</h2>

                <div class="qh">
                    <ul style="">
                        <li id="left"><</li>
                        <li id="right">></li>
                    </ul>
                </div>
            </div>
            <!--对应内容-->
            <div class="content conbox" style="padding: 50px 0">
                <ul class="content-list">
                    <li class="item" style="margin-left: 0">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">
                            <p class="tittle">小米蓝牙运动耳机</p>
                            <p class="price">149元</p>
                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">
                            <p class="tittle">小米蓝牙运动耳机</p>
                            <p class="price">149元</p>
                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">
                            <p class="tittle">小米蓝牙运动耳机</p>
                            <p class="price">149元</p>
                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">
                            <p class="tittle">小米蓝牙运动耳机</p>
                            <p class="price">149元</p>
                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">
                            <p class="tittle">小米蓝牙运动耳机</p>
                            <p class="price">149元</p>
                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">
                            <p class="tittle">小米蓝牙运动耳机</p>
                            <p class="price">149元</p>
                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">
                            <p class="tittle">小米蓝牙运动耳机</p>
                            <p class="price">149元</p>
                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">
                            <p class="tittle">小米蓝牙运动耳机</p>
                            <p class="price">149元</p>
                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">
                            <p class="tittle">小米蓝牙运动耳机</p>
                            <p class="price">149元</p>
                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item" style="margin-right: 0">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">
                            <p class="tittle">小米蓝牙运动耳机</p>
                            <p class="price">149元</p>
                            <p class="rank">1567人评论</p>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="footer">
    <div class="fuwu">
        <ul>
            <li>预约维修服务</li>
            <li>7天无理由退货</li>
            <li>15天免费换货</li>
            <li>满150元包邮</li>
            <li>520余家售后网点</li>
        </ul>
    </div>
    <div class="fuwu_det clearfix">
        <ul class="fl fuwu_det_item">
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>

            </li>
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
            </li>
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
            </li>
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
            </li>
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
            </li>
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
            </li>
        </ul>
        <ul class="fl fuwu_det_tel">
            <li class="fuwu_det_num">400-100-5678</li>
            <li class="fuwu_det_time">周一至周日 8:00-18:00</li>
            <li class="fuwu_det_time">（仅收市话费）</li>
            <li class="fuwu_det_btn">24小时在线客服</li>
        </ul>
    </div>
    <div class="bottom clearfix">
        <div class="logo_b fl"></div>
        <div class="bottom_text fl">
            <ul>
                <li>艾家商城</li>
                <li>AiJia</li>
                <li>艾聊</li>
                <li>多看书城</li>
                <li>艾生活艾草</li>
                <li>艾疗</li>
                <li>艾家天猫店</li>
                <li>艾家淘宝直营店</li>
                <li>aijia.com</li>
            </ul>
            <p>aijia.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
            <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
        </div>
        <div class="bottom_img fl">
            <img src="../../img/truste.png" alt="">
            <img src="../../img/v-logo-1.png" alt="">
            <img src="../../img/v-logo-2.png" alt="">
            <img src="../../img/v-logo-3.png" alt="">
        </div>
    </div>
</div>
</body>
</html>
<script>
    /*存搜索字段*/
    $('.search-btn').click(function(){
        var html=$('.search-text').val();
        if(html.length==0){
            return;
        }
        var cookietime = new Date();
        var date = new Date();
        cookietime.setTime(date.getTime() + (24 * 60 * 60 * 1000));
        $.cookie("search", html,{expires:cookietime});
        window.location.href = "search.html";
    });

    //存储页面路径
    var str_path=window.location.pathname;
    var arr_path=str_path.split('/');
    var location_index=arr_path[arr_path.length-1];
    //alert(location_index);
    var cookietime = new Date();
    var date = new Date();
    cookietime.setTime(date.getTime() + (24 * 60 * 60 * 1000));
    $.cookie("location_index", location_index,{expires:cookietime});
    //购物车按钮
    $('.cart-mini').click(function(){
        $.cookie("location_index", "shopCart.html",{expires:cookietime});
        $.ajax({
            url:'/user/get_user_info.do',
            type:'post',
            success:function(res){
                if(res.status){
                    window.location.href = "login.html";
                }else{
                    window.location.href = "shopCart.html";
                }
            },
            error:function(){
                alert('添加失败，请重新添加');
            }
        });
    });
    //点击存储商品id
    function good_cl(){
        $('.goods-item').click(function(){
            var good_det_id=$(this).attr('id');
            var cookietime = new Date();
            var date = new Date();
            cookietime.setTime(date.getTime() + (24 * 60 * 60 * 1000));
            $.cookie("good_det_id", good_det_id,{expires:cookietime});
            window.location.href = "commodityDetils.html";
        });
    }
    //喜欢与加入购物车
    function like(){
        $('.goods-item').mouseover(function(){
            $(this).find('.actions').css('display','block');
        });
        $('.goods-item').mouseout(function(){
            $(this).find('.actions').css('display','none');
        });

        $('.btn-like').toggle(
            function(){
                $(this).find($('span')).css('color','#e53935');
                $(this).find($('i')).addClass('active');
            },function(){
                $(this).find($('span')).css('color','#424242');
                $(this).find($('i')).removeClass('active');
            }
        );
        //加入购物车
        $('.btn-buy').click(function(){
            var sp_id=$(this).parents().parents().attr('id');
            // alert(sp_id);
            var notice=$(this).parent().siblings('.notice');
            $.ajax({
                url:'/user/get_user_info.do',
                type:'post',
                success:function(res){
                    if(res.status){
                        window.location.href = "login.html";
                    }else{
                        $.ajax({
                            url:'/cart/add.do',
                            data:{
                                'count':1,
                                'productId':sp_id
                            },
                            type:'post',
                            success:function(res){

                                notice.css('display','block');
                                setTimeout(function(){
                                    notice.css('display','none');
                                },1000);


                            },
                            error:function(){

                            }
                        });
                    }
                },
                error:function(){
                    alert('添加失败，请重新添加');
                }
            });

            return false;
        });
    }
    var goods_id=$.cookie("goods_id");
    var goods_length;
    if(!goods_id){
        window.location.href = "index.html";
    }
    $.ajax({
        url:'/product/list.do',
        data:{
            'categoryId':goods_id,
            'pageNum':1,
            'pageSize':16
        },
        type:'post',
        success:function(res){
            var goods_list=res.data.list;
            if(!goods_list.length){
                $('.goods-list-box').html('<p style="text-align: center; line-height: 100px; font-size: 30px; color: #e0e0e0;">抱歉没有找到相关库存</p>')
            }
            goods_length=res.data.total;
            $.each(goods_list,function(index,val){
                //index 索引
                //val每一项的值
                $('.goods-list').append('<div class="goods-item" id="'+val.id+'" ><div class="figure figure-img"><a href="javascript:;"><img src="'+val.imageHost+val.mainImage+'"></a></div><p class="title">'+val.name+'</p><p class="price">'+val.price+'元 起</p><div class="actions clearfix"><a href="javascript:;" class="btn-like"><i class="like"></i><span>喜欢</span></a><a href="javascript:;" class="btn-buy"><span>加入购物车</span><i class="buy"></i></a></div><div class="flags"><div class="flag flag-saleoff">'+val.subtitle+'</div></div><div class="notice">成功加入购物车</div></div>');
            });
            page_num();
            like();
            good_cl();
        },
        error:function(){

        }
    });
//分页：
    var num_id;
    function page_num(){
        var pageNum=Math.ceil(goods_length/16);
        var num_lr=0;

        for (var i=0;i<pageNum;i++){
            if(i==0){
                $(".num_r").before('<span class="numbers current" id="1">1</span>');
            }else{
                $(".num_r").before('<span class="numbers" id="'+(i+1)+'">'+(i+1)+'</span>');
            }

        }
        $(".numbers").click(function(){
            num_id=$(this).attr('id');
            $('.goods-list').html('');
            $.ajax({
                url:'/product/list.do',
                data:{
                    'categoryId':goods_id,
                    'pageNum':num_id,
                    'pageSize':16
                },
                type:'post',
                success:function(res){
                    var goods_list=res.data.list;

                    goods_length=res.data.total;
                    $.each(goods_list,function(index,val){
                        //index 索引
                        //val每一项的值
                        $('.goods-list').append('<div class="goods-item" id="'+val.id+'" ><div class="figure figure-img"><a href="javascript:;"><img src="'+val.imageHost+val.mainImage+'"></a></div><p class="title">'+val.name+'</p><p class="price">'+val.price+'元 起</p><div class="actions clearfix"><a href="javascript:;" class="btn-like"><i class="like"></i><span>喜欢</span></a><a href="javascript:;" class="btn-buy"><span>加入购物车</span><i class="buy"></i></a></div><div class="flags"><div class="flag flag-saleoff">'+val.subtitle+'</div></div><div class="notice">成功加入购物车</div></div>');
                    });
                    like();
                    good_cl();
                },
                error:function(){

                }
            });
        });
        $('.xm-pagenavi .numbers').click(function(){
            $(this).addClass('current').siblings().removeClass('current');
            num_lr=$(this).index()-1;
        });
        $('.num_l').click(function(){
            if(num_lr<=0){
                num_lr=0;
                return;
            }
            num_lr--;
            $('.xm-pagenavi .numbers').removeClass('current');
            $('.xm-pagenavi .numbers').eq(num_lr).addClass('current');
            num_id=num_lr+1;
            $('.goods-list').html('');
            $.ajax({
                url:'/product/list.do',
                data:{
                    'categoryId':goods_id,
                    'pageNum':num_id,
                    'pageSize':16
                },
                type:'post',
                success:function(res){
                    var goods_list=res.data.list;

                    goods_length=res.data.total;
                    $.each(goods_list,function(index,val){
                        //index 索引
                        //val每一项的值
                        $('.goods-list').append('<div class="goods-item" id="'+val.id+'" ><div class="figure figure-img"><a href="javascript:;"><img src="'+val.imageHost+val.mainImage+'"></a></div><p class="title">'+val.name+'</p><p class="price">'+val.price+'元 起</p><div class="actions clearfix"><a href="javascript:;" class="btn-like"><i class="like"></i><span>喜欢</span></a><a href="javascript:;" class="btn-buy"><span>加入购物车</span><i class="buy"></i></a></div><div class="flags"><div class="flag flag-saleoff">'+val.subtitle+'</div></div><div class="notice">成功加入购物车</div></div>');
                    });
                    like();
                    good_cl();
                },
                error:function(){

                }
            });
        });
        $('.num_r').click(function(){

            num_lr++;
            if(num_lr>=$('.xm-pagenavi .numbers').length){
                num_lr=$('.xm-pagenavi .numbers').length-1;
                return;
            }
            $('.xm-pagenavi .numbers').removeClass('current');
            $('.xm-pagenavi .numbers').eq(num_lr).addClass('current');

            num_id=num_lr+1;
            $('.goods-list').html('');
            $.ajax({
                url:'/product/list.do',
                data:{
                    'categoryId':goods_id,
                    'pageNum':num_id,
                    'pageSize':16
                },
                type:'post',
                success:function(res){
                    var goods_list=res.data.list;

                    goods_length=res.data.total;
                    $.each(goods_list,function(index,val){
                        //index 索引
                        //val每一项的值
                        $('.goods-list').append('<div class="goods-item" id="'+val.id+'" ><div class="figure figure-img"><a href="javascript:;"><img src="'+val.imageHost+val.mainImage+'"></a></div><p class="title">'+val.name+'</p><p class="price">'+val.price+'元 起</p><div class="actions clearfix"><a href="javascript:;" class="btn-like"><i class="like"></i><span>喜欢</span></a><a href="javascript:;" class="btn-buy"><span>加入购物车</span><i class="buy"></i></a></div><div class="flags"><div class="flag flag-saleoff">'+val.subtitle+'</div></div><div class="notice">成功加入购物车</div></div>');
                    });
                    like();
                    good_cl();
                },
                error:function(){

                }
            });
        });
    }

    var _width=$(window).width();
    $('.header-nav-menu').css('width',_width);
    $('.header-nav-menu').css('left','-40px');
    /*导航*/
    $('.header-nav .nav-list li').mouseover(function () {
        $(this).find($('.header-nav-menu')).css('display', 'block');
    });
    $('.header-nav .nav-list li').mouseout(function () {
        $(this).find($('.header-nav-menu')).css('display', 'none');
    });

    $('.filter-list-wrap dd').click(function(){
        $(this).addClass('active').siblings().removeClass('active');
    });
    $('.more').toggle(
            function(){
                var dl=$(this).prev();
                dl.css({height:'100%',transitionProperty:'height',transitionDuration:'.3s',transitionTimingFunction:'easein'});
            },
            function(){
                var dl=$(this).prev();
                dl.css({height:'45px',transitionProperty:'height',transitionDuration:'.3s',transitionTimingFunction:'easein'});
            }
    );
    $('.order-list li').click(function(){
        $(this).addClass('active').siblings().removeClass('active');
    });
    $('.type-list li').toggle(
            function(){
                $(this).find($('a')).css('color','#ff6700');
                $(this).find($('.checkbox')).html("√");
                $(this).find($('.checkbox')).css('color','#fff');
                $(this).find($('.checkbox')).css('background','#ff6700');
            },
            function(){
                $(this).find($('a')).css('color','#424242');
                $(this).find($('.checkbox')).css('background','#fff');
            }
    );

//    $('.thumb-list img')[0].src;
//    $('.thumb-list img').mouseover(function(){
//        var getSrc=$(this).attr('src');
//        var figure=$(this).parent().parent().parent().siblings('.figure').children().children();
//        figure.attr('src',getSrc);
//    });
    /*为你推荐 #recommend*/
    var oRight = document.getElementById('right');
    var oLeft = document.getElementById('left');
    var oBox = document.getElementsByClassName('conbox')[0];
    var oUl = oBox.getElementsByTagName('ul')[0];
    var aLi = oUl.children;
    oUl.style.width = aLi[0].offsetWidth * aLi.length+200 + 'px';
    var W = oBox.offsetWidth;
    var left = 0;
    oRight.onclick = function () {
        if (left == 1) {
            return;
        }
        left += 1;
        oUl.style.transition = "0.5s ease"
        oUl.style.left = -(W + 14) * left + 'px';
    }
    oLeft.onclick = function () {
        if (left == 0) {
            return;
        }
        left -= 1;
        oUl.style.transition = "0.5s ease"
        oUl.style.left = -(W - 14) * left + 'px';
    }
    /*为你推荐 #recommend  end */
    //获取登录信息
    $.ajax({
        url:'/user/get_user_info.do',
        type:'post',
        success:function(result){
            if(!result.status){
                $.ajax({
                    url: '/cart/get_cart_product_count.do',
                    type: 'post',
                    success: function (res) {
                        console.log(res.data);
                        $('.gwc_number').html('('+res.data+')');
                        $('.cart-mini').css('background','rgba(255, 103, 0,.7)');
                    }
                });
                var name=result.data.username;
                $('.login').html('<a href="javascript:;">'+name+' , 您好！</a><div class="info_select"> <a href="personal-center.html">个人中心</a> <a href="user-favorite.html">我的喜欢</a> <a href="javascript:;" class="changeInfo">修改信息</a><a href="javascript:;" class="quit">退出登录</a> </div>');
                $('.quit').click(function(){
                    $.ajax({
                        url:'/user/logout.do',
                        type:'post',
                        success:function(result){
                            if(!result.status){
                                $('.hint').html('');
                                window.location.href='index.html';
                            }
                        }
                    });
                });
                $('.changeInfo').click(function(){
                    window.location.href='change-information.html';
                });
            }
        }
    });
</script>